<script setup>
import FanLoading from '..'

const aaa = () => {
	alert('点我干啥')
}
</script>

<template>
	<demo-block title="基础用法">
		<FanLoading inline type="circle" style="margin:15px;vertical-align:middle;" @click="aaa" />
		<FanLoading inline type="spinner" style="margin:15px;vertical-align:middle;" />
		<FanLoading inline type="circle2" style="margin:15px;vertical-align:middle;" />
		<FanLoading inline type="line" style="margin:15px;vertical-align:middle;" />
	</demo-block>

	<demo-block title="颜色与文字">
		<FanLoading type="circle2" color="red" style="margin:15px;">加载中</FanLoading>
		<FanLoading color="red" type="line" style="margin:15px;">加载中</FanLoading>
		<FanLoading color="red" text-color="blue" type="line" style="margin:15px;">加载中</FanLoading>
	</demo-block>

	<demo-block title="vertical">
		<FanLoading vertical style="margin:15px;">加载中</FanLoading>
		<FanLoading vertical type="line" style="margin:15px;">加载中</FanLoading>
	</demo-block>
</template>
